<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'" />
    <meta http-equiv="X-Content-Security-Policy" content="default-src 'self'; script-src 'self'" />
    <title>来自 Electron 渲染器的问好！</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <!-- mount your title bar at the top of you application's body tag -->
    <div class="titlebar">Cool titlebar</div>

    <h1>来自 Electron 渲染器的问好！</h1>
    <p>👋</p>
    <p id="info"></p>

    Title: <input id="title" />
    <button id="btn" type="button">Set</button>

    <div>Current value: <strong id="counter">0</strong></div>
    <p id="message"></p>

    <p>Current theme source: <strong id="theme-source">System</strong></p>

    <button id="toggle-dark-mode">Toggle Dark Mode</button>
    <button id="reset-to-system">Reset to System Theme</button>

    <div>
        <div class="drag" draggable="true" id="drag1">
            Drag me - File 1</div>
    </div>
    <p id="output">Click it to see the effect in this interface.</p>
</body>
<script src="./renderer.js"></script>

</html>